<template>
  <div>
    <!-- filter过滤器:字符加工
           特点：它不能用this,它只能用于v-bind与{{}}
           使用
             定义：
                局部过滤器
                filters:{
                  方法名(str,形参2){
                     return 值
                  }
                }
                全局过滤器
             调用
                {{str实参 | 方法名(实参2)}}

      计算属性，侦听器，过滤器
      计算属性：依赖一个或者多个值产生一个新的值，它重点是产生新值，它有缓存
      侦听器：某个值的change事件，只是关注值变化 了执行一个事件
      过滤器：字符加工，不能用this,只能用于v-bind与{{}}
     -->
    <h2>{{ time | formatTime('1111当前时间:') | xxx }}</h2>
  </div>
</template>
<script>
import moment from 'moment'
export default {
  data () {
    return {
      time: new Date()
    }
  },
  filters: {
    formatTime (str, tip) {
      return tip + moment(str).format('YYYY-MM-DD HH:mm:ss')
    },
    xxx (str) {
      return '222' + str
    }
  }
}
</script>
<style></style>
